$(document).pngFix();
$(function() {
    // body weer tonen met delay
    $('body').animate({opacity: 1.0}, 800, function() {
        // alles wordt weer zichtbaar
        $(this).css('display', 'block');

        // Objecten voor de belangrijkste onderdelen van de site
        var left = new LeftSide('left');
        var right = new RightSide('right');
        var central = new Central('central').withLogo('logo')
            .withMenuItems(['cat-item-3', 'cat-item-4', 'cat-item-5', 'cat-item-6'])
            .overLeft(left).overRight(right);

        // Alle onderdelen verbergen
        central.hideAll();
        left.slideUnderCentral().hideAll();
        right.slideUnderCentral().hideAll();

        // Central balk laten opglijden
        // Als balk volledig zichtbaar is, logo tonen en menu items laten tevoorschijn glijden
        central.slideOpen(function() {
            central.showLogo().slideInMenuItems();
        });
    });
});